<script lang="ts" setup>

const data = [
  {
    color: "#22C55E",
    title: '2025-05-16 16:16:00'
  },
  {
    color: "#22C55E",
    title: '2025-05-16 16:16:00'
  },
  {
    color: "#22C55E",
    title: '2025-05-16 16:16:00'
  },
  {
    color: "#22C55E",
    title: '2025-05-16 16:16:00'
  },
  {
    color: "#DC2626",
    title: '2025-05-16 16:16:00'
  },
  {
    color: "#fff",
    title: '2025-05-16 16:16:00'
  }
]
</script>
<template>
  <div class="wrap">
    <ndv-percent-pond1 :data="data" effect="light"></ndv-percent-pond1>
  </div>
</template>
<style lang="scss" scoped>
.wrap {
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 20px;
}
</style>
<style lang="scss">
#app {
  color: white;
  width: 100%;
  height: 100vh;
  background-color: #000000;
}
</style>
